
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>
    <link href="~/User/css/Login.css" rel="stylesheet" />
</head>
<body>
    <div class="homepage-hero-module">
        <div class="video-container">
            <div class="filter"></div>
            <video autoplay loop class="fillWidth">
                <source src="~/User/video/I_Just_Wanted.ogv" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
                <source src="~/User/video/I_Just_Wanted.ogv" />Your browser does not support the video tag. I suggest you upgrade your browser.
            </video>
        </div>
    </div>
    <div class="htmleaf-container">
        <div class="wrapper" style="height:420px">
            <div class="container">
                <a href="~/User/Connect"><h1><img src="~/User/img/crazydog-white.png" style="width:600px; height:124px"/></h1></a>
                <form class="form" action="/User/Login" method="post">
                    <input type="email" placeholder="E-mail" name="email">
                    <input type="password" placeholder="Password" name="password">
                    <button type="submit" id="login-button">Login</button>
                </form>
            </div>
        </div>
        <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
        <script>
                window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')
        </script>
        <script src="~/User/js/Login.js"></script>
        <script>
            $('#login-button').click(function (event) {
                $('form').fadeOut(500);
                $('.wrapper').addClass('form-success');
            });
        </script>
    </div>
</body>
</html>
